<!DOCTYPE html>
<html>
   <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>保洁预约</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="./css/sm.min.css">
    <link rel="stylesheet" href="./css/sm-extend.min.css">
   <link href="../css/flickerplate.css"  type="text/css" rel="stylesheet">
   <link href="./css/baojieYuyue.css" rel="stylesheet">
   <script src="../js/jquery-2.1.1.js"></script>
   <script src="../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
   <script src="../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
   <script src="../js/min/flickerplate.min.js" type="text/javascript"></script>
<script src="../js/common.js"></script>
<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>  
<script src="js/pointlog.js"></script>
  </head>
  
  <script type="text/javascript">
  $("#my-input").calendar({
    value: ['2015-12-05']
});
  var args=ponitLog.getWindowsParam();
  console.log(args);
</script>

 <body>
<header class="bar bar-nav">
  <a class="icon icon-left pull-left"></a>
  <a class="icon icon-refresh pull-right"></a>
  <h1 class="title">保洁预约</h1>
</header>
   <div class="content">
   <div class="content-block-title" style="margin-top:1rem;">预约信息：</div>
  <div class="list-block" >
    <ul>
    <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">姓名</div>
            <div class="item-input">
              <input type="text" placeholder="请输入你的 姓名" id="nickName">
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-gender"></i></div>
          <div class="item-inner">
            <div class="item-title label">性别</div>
            <div class="item-input">
              <select id="sex">
                <option value="0">男</option>
                <option value="1">女</option>
              </select>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">手机号码</div>
            <div class="item-input">
              <input type="text" id="phone" placeholder="请输入手机号" maxlength="11">
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-calendar"></i></div>
          <div class="item-inner">
            <div class="item-title label">保洁时间</div>
            <div class="item-input">
              <input type="date" placeholder="点击选择预约时间"    value="" id='appointmentTime'/>
            </div>
          </div>
        </div>
      </li>
      <li>
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-name"></i></div>
          <div class="item-inner">
            <div class="item-title label">地址</div>
            <div class="item-input">
              <input type="text" id="phone" placeholder="请输入您的房屋地址">
            </div>
          </div>
        </div>
      </li>
      <li class="align-top">
        <div class="item-content">
          <div class="item-media"><i class="icon icon-form-comment"></i></div>
          <div class="item-inner">
            <div class="item-title label">备注</div>
            <div class="item-input">
              <textarea id="userRemark" placeholder="写点什么..."></textarea>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="content-block">
    <div class="row">
      <div class="col-50"><a href="#" class="button button-big button-fill button-light">取消</a></div>
      <div class="col-50"><a href="javaScript:yuyue.saveAppointment()" class="button button-big button-fill button-info" >提交</a></div>
    </div>
  </div>
</div>
  </body>
</html>